//其中之一
/* 1、默认隐藏子菜单
 * 2、鼠标移入：显示当前子菜单
 * 3、鼠标移出：隐藏子菜单
 */
//获取4个菜单li(对象)
var menu = $('#header #example-navbar-collapse li.menu');
//获取子菜单
var submenu = $('#header #example-navbar-collapse li.menu ul.wrap');
//默认隐藏子菜单
submenu.css('display', 'none');

//鼠标移入：显示当前子菜单
menu.mouseover(
	function() {
		//$(this).find('.wrap').css('display','block');
		$(this).find('.wrap').slideDown();
		//其他隐藏
		$(this).siblings().find('.wrap').css('display', 'none');

	}
);
//鼠标移出：隐藏子菜单
menu.mouseout(
	function() {
		submenu.css('display', 'none');
	}
);
//第四部分 我们的成员
/*1、鼠标移入照片上，出现个人介绍
   2、鼠标移出照片，隐藏个人介绍
   3、每隔5秒，随机显示另外3位成员信息：
      计时器重复执行的函数：随机产生3个学生id，将页面是的照片，座右铭，介绍都替换成该学生
*/
var div = $('.our-member .data-item div');
var p = $('.our-member .data-item p');
//计时器
var timer_member = setInterval(fun_member, 1000);

//1、鼠标移入照片上，出现个人介绍
//移入div，所有的p都出现，取消计时器
div.mouseover(
	function() {
		//siblings('p')兄弟 p 鼠标移入div 让对应的p出现
		$(this).siblings('p').css('display', 'block');
		clearInterval(fun_member());
	}
);
// 2、鼠标移出照片，隐藏个人介绍
//移出，所有的p都隐藏，恢复计时器
div.mouseout(
	function() {
		p.css('display', 'none');
		timer_member = setInterval(fun_member, 1000);
	}
);

// 3、每隔5秒，随机显示另外3位成员信息：

//1学生对象创建出来

//1 * 创建学生对象（模板 new10个学生）
//* 创建数组：每一个元素就是学生对象
function Student(id, name, hometown, title, img, motto) {
	this.id = id;
	this.name = name;
	this.hometown = hometown;
	this.title = title;
	this.img = img;
	this.motto = motto;
}
var s1 = new Student(1, '陈用群', '温州', '学生会', 'pic/1.jpg', '好好学习，天天向上');
var s2 = new Student(1, '郑良', '温州', '学生会', 'pic/2.jpg', '好好学习，天天向上');
var s3 = new Student(1, '杨翌', '温州', '学生会', 'pic/3.jpg', '好好学习，天天向上');
var s4 = new Student(1, '陈一颖', '温州', '学生会', 'pic/4.jpg', '好好学习，天天向上');
var s5 = new Student(1, '陶伟', '温州', '学生会', 'pic/5.jpg', '好好学习，天天向上');
var s6 = new Student(1, '夏阳', '温州', '学生会', 'pic/6.jpg', '好好学习，天天向上');
var s7 = new Student(1, '潘益婷', '建德', '班主任', 'pic/7.jpg', '好好学习，天天向上');
var s8 = new Student(1, '宋三岁', '绍兴', '学生会', 'pic/8.jpg', '好好学习，天天向上');
var s9 = new Student(1, '老大', '台州', '学生会', 'pic/9.jpg', '好好学习，天天向上');
var s10 = new Student(1, '丁振铮', '温州', '爱学习', 'pic/10.jpg', '好好学习，天天向上');

var yd1701 = [s1, s2, s3, s4, s5, s6, s7, s8, s9, s10]
//计时器要执行的函数
function fun_member() {
	//	console.log('123');
	//    计时器重复执行的函数：随机产生3个学生id，将页面是的照片，
	//座右铭，介绍都替换成该学生
	/*
	 * 创建学生对象（模板 new10个学生）
	 * 创建数组：每一个元素就是学生对象
	 *  循环 （3次）
	 *        产生一个随机数
	 *        获取数组相应的index（随机数）：照片、座右铭、介绍
	 *        替换页面相应的显示
	 * 替换页面相应的显示
	 */
	for(var i = 0; i < 3; i++) {
		var r = Math.floor((Math.random() * 10));
		//显示照片
		var img = yd1701[r].img;
		//显示座右铭
		var motto = yd1701[r].motto;
		//介绍
		var intro = yd1701[r].title + ":" + yd1701[r].name +
			":" + yd1701[r].hometown;
		div.eq(i).find('img').attr("src", img);
		p.eq(i).text(motto);
		p.eq(i).siblings('h4').text(intro);

	}
}
//我们的活动
//鼠标移入移出事件
var event_item = $('.our-event .data-item .item')

event_item.mouseover(
	function() {
		//背景颜色其他是白色
		$(this).css('background', 'dodgerblue');
		$(this).children().css('color', 'white');

	}
);
event_item.mouseout(
	function() {
		$(this).css('background', 'white');
		$(this).find('span').css('color', 'dodgerblue');
		$(this).find('h3').css('color', 'gray');
		$(this).find('h4').css('color', 'dodgerblue');
	}
);

//我们的课程
//鼠标移入事件：当前块特殊样式，其他块普通样式
//当前块的class name设置为 :card-item card-active
//其他块的class name 设置为：card-item
var course_li = $('.our-course .data-course .card-item');

course_li.mouseover(
	function() {
		/*
		 * 1 设置css样式:css
		 * 2 设置html属性：attr()
		 * 3 设置html内容：text（）
		 */
		$(this).attr('class', 'card-item card-active');
		$(this).siblings().attr('class', 'card-item');
	}
)
//右部回到顶部
/*
 * 1 默认回到顶部箭头隐藏
 * 2 滚动事件（srcoll）
 *   判断离顶部的距离(srceenTop)大于100px，显示回到顶部，否则隐藏该箭头
 * 3 回到顶部箭头的点击事件
 *   回到顶部
 * 4 鼠标移入事件
 */
var goTop = $('#clan-slider #slider-goTop');
goTop.hide();
$(window).scroll(
	function() {
		//$(window).srceenTop:undefined
		if($(window).scrollTop() > 150) {
			goTop.fadeIn();
		} else {
			goTop.fadeOut(); //淡出
		}
	}

);
goTop.click(
	function(){
		$('html').animate({'scrollTop':0},500);
	}
);

$('#slider-chat,#slider-qq,#slider-phone').hover(
	//鼠标移入
	function(){
		$(this).next().show();
	},
	//鼠标移出
	function(){
		$(this).siblings('div').hide();
	}
);

